<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>个人中心</title>
        <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
        <meta content="yes" name="apple-mobile-web-app-capable"/>
        <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
        <meta content="telephone=no" name="format-detection"/>
        <link href="../css/style1.css" rel="stylesheet" type="text/css"/>
    </head>
    <body>
        <!--

         * 17素材vip建站专区模块代码
         * 详尽信息请看官网：http://www.17sucai.com/pins/vip
         *
         * Copyright , 温州易站网络科技有限公司版权所有
         *
         * 请尊重原创，未经允许请勿转载。
         * 在保留版权的前提下可应用于个人或商业用途

        -->
        <section class="aui-flexView">

            <section class="aui-scrollView">
                <div class="aui-panel">
                    <a href="javascript:void(0);" class="aui-panel-cell">
                        <div class="aui-panel-cell-hd">
                            <img src="../images/user-logo.png" alt="">
                        </div>
                        <div class="aui-panel-cell-bd">
                            <h4>欢迎您使用考勤系统</h4>
                            <p>51910101</p>
                        </div>
                        <div class="aui-panel-cell-fr">
                        </div>
                    </a>
                </div>
                <div class="divHeight"></div>
                <div class="aui-card-list">
                    <a href="javascript:void(0);" class="aui-panel-cell aui-clear-border">
                        <div class="aui-panel-cell-bd">
                            <h4>登录身份</h4>
                        </div>
                        <div class="aui-panel-cell-fr">管理员
                        </div>
                    </a>
                    <div class="divHeight"></div>
                    <a href="javascript:void(0);" class="aui-panel-cell" onclick="d1();">
                        <div class="aui-panel-cell-bd">
                            <h4>最近签到情况</h4>
                        </div>
                        <div class="aui-panel-cell-fr"></div>
                    </a>
                    <a href="javascript:void(0);" class="aui-panel-cell" onclick="d2();">
                        <div class="aui-panel-cell-bd">
                            <h4>考勤记录</h4>
                        </div>
                        <div class="aui-panel-cell-fr"></div>
                    </a>
                    <a href="#" class="aui-panel-cell aui-clear-border" onclick="d3();">
                        <div class="aui-panel-cell-bd">
                            <h4>签到时间表</h4>
                        </div>
                        <div class="aui-panel-cell-fr"></div>
                    </a>
                    <div class="divHeight"></div>
                    <a href="javascript:void(0);" class="aui-panel-cell aui-clear-border"  onclick="d5();">
                        <div class="aui-panel-cell-bd">
                            <h4>创建签到时间</h4>
                        </div>
                        <div class="aui-panel-cell-fr"></div>
                    </a>
                </div>
                <div class="aui-button">
                    <button class="aui-btn-out" onclick="d4();">退出</button>
                </div>
            </section>
        </section>
    </body>
</html>
<script type="text/javascript" src="./script/api.js"></script>
        <script type="text/javascript">
  function d1() {
    api.sendEvent({
        name: 'ss',
        extra: {
            msg: '实时界面'
        }
    });
  }
  function d2() {
    api.sendEvent({
        name: 'ls',
        extra: {
            msg: '实时界面'
        }
    });
  }
  function d3() {
    api.sendEvent({
        name: 'sj',
        extra: {
            msg: '实时界面'
        }
    });
  }
  function d4() {
    api.sendEvent({
        name: 'dl',
        extra: {
            msg: '实时界面'
        }
    });
  }
  function d5() {
    api.sendEvent({
        name: 'scsj',
        extra: {
            msg: '实时界面'
        }
    });
  }
</script>
